<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>售后维修工单页面</title>
<link rel="stylesheet" href="themes/default/easyui.css" />
<link rel="stylesheet" href="themes/icon.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/locale/easyui-lang-zh_CN.js"></script>
<script>
	$(function(){
		$("#wx").datagrid({
			url:'weixiu',
			title:'维修工单',
			height:500,
			fitConlums:true,
			pagination: true,//分页显示  
		    rownumbers: true, 
		   
		    columns: [[  
	            { field: 'AdvertisementID', title: '选择', width: 90, align: 'center' ,
	            	 formatter: function(value, rowData, rowIndex){
	                     return '<input type="radio" name="selectRadio" id="selectRadio"' + rowIndex + 'value="' + rowData.ID + '" />';
	                 }
	             },

	         
	             { field: 'repair_id', title: '维修编号', width: 111, align: 'center' }, 
	            { field: 'client_name', title: '对应客户', width: 111, align: 'center' },  
	            { field: 'product_name', title: '维修产品', width: 160, align: 'center' },  
	            { field: 'get_date', title: '接单日期', width: 80, align: 'center' },
	            { field: 'repair_fair', title: '费用', width: 80, align: 'center' },
	            { field: 'repair_status', title: '处理状态', width: 80, align: 'center' },
	            { field: 'repair_department', title: '维修部门', width: 80, align: 'center' },
	            { field: 'repair_man', title: '处理人', width: 80, align: 'center' },
	            { field: 'comment', title: '备注', width: 80, align: 'center' },
	            { field: 'repair_date', title: '处理时间', width: 80, align: 'center' },
	         

	          
	        ]],
	        onHeaderContextMenu: function (e, field) {  
	            e.preventDefault();  
	            if (!$('#tmenu').length) {  
	                createColumnMenu();  
	            }  
	            $('#tmenu').menu('show', {  
	                left: e.pageX,  
	                top: e.pageY  
	            });  
	        }  

		})
	})
</script>
</head>
<body>
<h1>维修工单</h1>
<div class="record">共有12条记录</div>
<div class="search">
<a href="javascript:void(0)" id="mb" class="easyui-menubutton"
    data-options="menu:'#mm',iconCls:'icon-edit'">全部查询</a>
<div id="mm" style="width:150px;">
    <div>接件</div>
    <div>派遣中</div>
    <div>维修中</div>
    <div>回访</div>
     <div>已完成</div>
</div>

<div>
	
</div>
</div>
<table id="wx"></table>
</body>
</html>